<section class="" id="amz-main" data-tag="faq">
  <div class="am-g am-g-fixed" style="max-width: 1280px">
    <!--左侧目录 宽度3/12-->
    <div id="navi_left" class="col-md-3 am-u-md-3">
      <div class="am-sticky-placeholder">
        <div id="amz-offcanvas" class="am-offcanvas doc-offcanvas" style="margin: 0px;">
          <section  id = "navi_right" class="amz-sidebar am-offcanvas-bar" style="">
            <ul class="am-nav"><!--目录-->

              {{#pages}}
              <li class="am-nav-header category {{#active}}active{{/active}}">
                {{#is_index}} <!--一级目录-->
                <h5 class="category-title">{{lang.global.mainArticles}} {{#canEdit}}
                  <a class="add-page" data-toggle="modal"  data-target="#addModal" title="{{lang.page.addPage}}">
                    <span style="font-weight: bold; font-size: 16px; cursor:pointer">&#43;</span></a>{{/canEdit}}
                </h5>
                {{/is_index}}
                {{^is_index}} <!--2级目录-->
                <h5 class="category-title {{#active}}active{{/active}}">{{title}} {{#canEdit}}
                  <a class="add-page" data-toggle="modal" data-target="#addModal" title="{{lang.page.addPage}}">
                    <span style="font-weight: bold; font-size: 16px; cursor:pointer">&#43;</span></a>{{/canEdit}}
                </h5>
                {{/is_index}}
                <!--<ul class="am-nav">--> <!--是否需要收缩/展开左侧导航栏-->
                {{#files}}
                {{^is_directory}} <!--2级文章-->
              <li class="{{#active}}am-active{{/active}} page-title">
                <a  class="{{#active}}active{{/active}}" href="{{config.base_url}}/{{slug}}">{{title}}</a>
              </li>
              {{/is_directory}}
              {{#is_directory}} <!--2级目录-->
              <li class="am-nav-header {{#active}}active{{/active}}">{{title}}
                {{#files}}
                <ul>
                  {{^is_directory}}
                  <li class="am-nav-header"> not dir <a href="{{config.base_url}}/{{slug}}">{{title}}</a></li>
                  {{/is_directory}}
                  {{#is_directory}}
                  <li class="page"> dir(child) {{title}}</li>
                  <ul>
                    {{#files}} <!--3级文章-->
                    <li class="{{#active}}active{{/active}}"> page <a href="{{config.base_url}}/{{slug}}">3级文章 {{title}}</a></li>
                    {{/files}}
                  </ul>
                  {{/is_directory}}
                </ul>
                {{/files}}
              </li>
              {{/is_directory}}
              {{/files}}
              <!--</ul>--> <!--是否需要收缩/展开左侧导航栏-->
              {{/pages}}
            </ul>

          </section>
          <div class="amz-pager" style="top: 267px;"><a href="http://amazeui.org/getting-started/faq#up"
                                                        class="am-icon-caret-up" data-rel="scrollUp"></a> <a
            href="http://amazeui.org/getting-started/faq#down" class="am-icon-caret-down"
            data-rel="scrollDown"></a></div>
        </div>
      </div>
    </div>
    <!--右正文 宽度9/12 -->
    <div class="col-md-9 am-u-md-9 doc-content">
      <div class="am-fr menu_right" style="margin-right: 10%">
        <div id="clicktonavi" class="am-fl am-icon-bars am-icon-sm" ><span class="am-nav-header " style="font-size: 18px">目录</span></div>
        <div id="directory_navigation_container" class="am-fr" >
          {{{content_toc}}}
        </div>
      </div>
      <!--正文内容-->
      <div class="col-sm-8" style="min-height: 808px">

        <section class="content search">
          <h3 class="title">{{lang.search.resultsFor}}: {{search}}</h3>
          {{#searchResults.length}}
          {{#searchResults}}
          <div class="page">
            <h2 class="page-title">
              <a href="{{config.base_url}}/{{slug}}">
                {{title}}
                {{#category}}<span style="color: #DDD;">({{category}})</span>{{/category}}
              </a>
            </h2>
            <div class="page-excerpt">{{{excerpt}}}</div>
          </div>
          {{/searchResults}}
          {{/searchResults.length}}
          {{^searchResults.length}}
          <p class="nothing-found">{{lang.search.noResultsFor}} "{{search}}"</p>
          {{/searchResults.length}}
        </section>

      </div>
    </div>
  </div>
</section>




